<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>{$info.title}</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css">
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <!-- <link rel="stylesheet" href="1.css"> -->
    <link rel="stylesheet" href="__HOME_CSS__/2.css">
</head>

<body>
    <div class="template">
        <div class="nav">
            <div class="icon"></div>
            <div class="navMes">
                <span class="left">课程</span>
                <!-- <span class="mid">×</span>
                <span class="right">Social Dinning</span> -->
            </div>
        </div>
        <div class="firstPic">
            <img src="{$info.cover_url}">
            <div class="intro">
                <span class="mes1">{$info.title}</span>
                <span class="mes2">{$info.subtitle}</span>
            </div>
        </div>
        <div class="introduce">
            <div class="title">
                <!-- <span class="left">体验场</span> -->
                <!-- <span class="mid">×</span>
                <span class="right">简介</span> -->
            </div>
            <ul>
                <li>
                    <div class="icon">
                        <div class="oic"></div>
                        <span class="word">in</span>
                    </div>
                    <span class="mes">{$info.abstract}</span>
                </li>
                <li>
                    <div class="icon">
                        <div class="oic"></div>
                        <span class="word">table</span>
                    </div>
                    <span class="mes">{$info.memo}</span>
                </li>
            </ul>
        </div>
        <!-- <div class="image1">
            {$info.content}
        </div> -->
        <div class="menu">
            <div class="white"></div>
            <div class="price">
                <span>课堂信息</span>
                <!-- <span>X</span>
                <span>Proice</span> -->
            </div>
            <div class="message">
                <div class="border2">
                    <span class="num">课堂席位: 共{$info.number}位</span>
                    <span class="self">课堂定价: {$info.price}/位</span>
                    <!-- <div class="taocan">
                        <span>intable 私享价</span>
                        <span>{$info.comboprice|nl2br}</span>
                    </div> -->
                    <div class="place">
                        上课地址: <span>{$info.address}</span>
                    </div>
                    <!-- <div class="time">
                        时间： <span>{$info.create_time|time_format='Y-m-d H:i'}</span>
                    </div> -->
                </div>
            </div>
            <div class="detail">
                <!-- <div class="tit">
                    <span>菜单</span>
                    <span>X</span>
                    <span>MENU</span>
                </div> -->
                <ul>
                    <li style="text-align:center;">
                        {$info.menu}
                    </li>
                </ul>
            </div>
        </div>
        <div class="chef">
            <div class="tit">
                <span>体验导师</span>
                <!-- <span>X</span>
                <span>简介</span> -->
            </div>
            <div class="pic">
                <img src="{$info.lead_url}" alt="">
            </div>
            <div class="personMes">
                <span>{$info.leadintro}</span>
                
            </div>
            <!-- <div class="personMes">
                {$info.leadmemo}
            </div> -->

            <if condition="($info['kolid'] gt 0)">
                <div class="xq">
                    <a href="{:U('post', array('id' => $info['kolid']))}" class="xq">详情点击</a>
                    <!--<a class="xq">详情点击</a>-->
                </div>
            </if>
            <div style="height: 50px">
            </div>
        </div>
        <div style="border-top: 1px solid #c4863d;" class="xuanfu">
            <a href="">
                <div style="display: inline-block;float: left;width: 96px; height:25px; border-radius:5px; border:1px solid #c4863d; margin-top:11px; margin-left:6%"><p style="color:#c4863d;line-height: 24px;text-align: center;">购买体验卡</p>
                    <!-- <img style="height: 25px" src="/Application/Home/View/Public/img/default/tiyan.png"> -->
                </div>
            </a>
            <a href="">
            <div style="display:inline-block; float:right; width:88px; height:25px; margin-top:11px; border-radius:5px; margin-right:6%;background-color: #c4863d"><p style="color:#fff;line-height: 26px;text-align: center;">预订课程</p>
                <!-- <a href=""><img src="/Application/Home/View/Public/img/default/yuding.png"></a> -->
            </div>
            </a>
            
        </div>
    </div>
    <script>
    //调整体验场文字和图片的对齐效果 icon 38px
    var icon = $('.introduce li');
    for (var i = 0; i < icon.length; i++) {
        if (icon.eq(i).find('.icon').height() <= 38) {
            $('.introduce li').eq(i).find('.mes').css('line-height', 38 + 'px')
        }
    }
    </script>
    <style>

    </style>
</body>

</html>